<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="lib/vue.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
</head>

<body>
    <div id="app">
        <h1>KanColle Expedition</h1>
        <h2>当前状态: {{ status }}</h2>
        <div><input v-model="posx"></div>
        <div><input v-model="posy"></div>
        <button v-on:click="clickBtnEvt">点击</button>
        <table style="width: 550px;">
            <thead>
                <tr>
                    <td>#</td>
                    <td>舰队名</td>
                    <td>状态</td>
                    <td>远征目标</td>
                    <td>返回时间</td>
                </tr>
            </thead>
            <tbody>
                <tr v-for="deck in decks">
                    <td>{{ deck.api_id }}</td>
                    <td>{{ deck.api_name }}</td>
                    <td>{{ deck.api_mission[0]==0?"空闲":"远征中" }}</td>
                    <td>{{ deck.api_mission[0]==0?"":deck.api_mission[1] }}</td>
                    <td>{{ deck.api_mission[0]==0?"":new Date(deck.api_mission[2]).toLocaleString() }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

</html>